<div class="jumbotron text-center smooth-panel">
    <h1>Welcome !</h1>
    <div class='smooth-panel'>
        <div ng-hide="luser">
            <form>
                <table>
                    <tr>
                        <td>
                            This is the recommended way to log in 
                            <p></p>
                            <div>
                                <button class="btn btn-block btn-social btn-facebook" type="submit" ng-click="signInOAuth('facebook')">
                                    <i class="fa fa-facebook"></i>
                                    Sign in with Facebook
                                </button>
                            </div>
                            <p> </p>
                            <div>
                                <button class="btn btn-block btn-social btn-google-plus" type="submit" ng-click="signInOAuth('google')">
                                    <i class="fa fa-google"></i>
                                    Sign in with Google
                                </button>
                            </div>
                            <p> </p>
                            <div>
                                <button class="btn btn-block btn-social btn-twitter" type="submit" ng-click="signInOAuth('twitter')">
                                    <i class="fa fa-twitter"></i>
                                    Sign in with Twitter
                                </button>
                            </div>
                        </td>

                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>
                            <div style="border-left:#ccc solid 1px;height:200px"> </div>
                            OR &nbsp
                            <div style="border-left:#ccc solid 1px;height:200px"> </div>
                        </td>
                        <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
                        <td>
                            If you do not have a Google, Facebook, or Twitter account, <br/>you can log in the old fashion way
                            <br/><br/><br/><br/><br/>
                            <div>
                                <table>
                                    <tr><td>Email    </td><td><input type="email" ng-model="email" /></td></tr>
                                    <tr><td>Password &nbsp; </td><td><input type="password" ng-model="password" /></td></tr>
                                    <tr><td>Password &nbsp; </td><td><input type="password" ng-model="password2" /><i>&nbsp;&nbsp;(new user only)</i></td></tr>
                                </table>
                                <p> </p>
                                <div>
                                    <button ng-disabled="!credentialsAreSound(false)" class='btn btn-default btn-xs active ' type="submit" ng-click="signInSimple(false)">Login</button>
                                    <button ng-disabled="!credentialsAreSound(true)" class='btn btn-default btn-xs active ' type="submit" ng-click="signInSimple(true)">Register new user</button>
                                </div>
                            </div>
                        </td>

                    </tr>
                </table>
            </form>
        </div>
        <div ng-show="luser">
            Hello {{luser.firstname}}
        </div>
    </div>


</div>

